.mci-timeline {
  --el-timeline-node-color: var(--color-grey-4);
  --el-timeline-node-size-normal: 9px;
  --el-color-info: var(--color-grey-9);
  .el-timeline-item {
    .el-timeline-item__wrapper {
      padding-left: 16px;
      .el-timeline-item__timestamp {
        --el-text-color-secondary: var(--color-grey-5);
        font-size: 12px;

        &.is-top {
          padding-top: 0;
        }
      }
    }
    .el-timeline-item__tail {
      border-left-color: var(--color-grey-2);
      border-width: 1px;
      left: 4px;
    }
    .el-timeline-item__node {
      left: 0;
    }
    &.is-primary {
      --el-timeline-node-color: var(--color-green-6);
      .el-timeline-item__tail {
        border-left-color: var(--color-green-4);
      }
    }
  }
}
